.my-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
}
.my-flex>a{
    width: 50%;
    text-align: center;
    border-top:1px solid #B5B5B5;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent ;
    padding: .5rem 0;
}
.my-flex>a.active{
    border-top:1px solid #c40202;
    border-left: 1px solid #c40202;
    border-bottom: 1px solid #c40202;
}
.my-flex>a:first-child{
    width: 50%;
    text-align: center;
    border-right:1px solid #B5B5B5;
    padding: .5rem 0;
}
.my-flex>a:first-child.active{
    border-right:1px solid #c40202;
}
.my-flex>a:last-child.active{
    border-right:1px solid #c40202;
}
.my-flex>a img{
    height: 1rem;
    width: auto;
    margin-right: .4rem;
    vertical-align: middle;
}
.setTitle{
    font-size: .6rem;
    padding: .1rem 0 .3rem 0;
    background: #B5B5B5;
    text-align: center;
    color: #727171;
}
.complete .weui-cell__hd img{
    width: 1rem;
    height: auto;
    margin-right: .7rem;
}
.weui-picker-modal .picker-items-col {
    padding: 0 .3rem;
}
.complete_btn{
    display: block;
    width: 90%;
    margin:  4rem auto;
    border-radius: 1rem;
    padding: .4rem 0;
    text-align: center;
    color: #333;
    background: #91F9EE;
    font-size: .65rem;
}
.data{
    height: 100%;
    background: #D8D7D7;
}
.data-top{
    height: 15%;
}
.data-top span{
    color: #FB67A9;
}
.data-top p:first-child{
    margin-top: 1.5rem;
}
.data-img{
    border-radius: 8px;
    width: 95%;
    margin:  0 auto;
    background: #fff;
    border:1px solid #C7C7C7;
}
.userImg img{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}
.friendImg .weui-cell__hd img{
    width: 1rem;
    height: auto;
    display: inline-block;
}
.data-img p span{
    color: #FB67A9;
}

.data-btn{
    position: fixed;
    bottom: .3rem;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}
.data-btn>div,.data-btn>a{
    width: 70%;
    padding: .4rem 0;
    background: #91F9EE;
    text-align: center;
    margin: 0 auto .5rem;
    color: #333;
    border-radius: 1rem;
    font-size: .7rem;
}
.data-btn .file{
    width: 100%;
    padding: .4rem 0;
    cursor: pointer;
    border-radius: 1rem;
    font-size: .7rem;
    position: absolute;
    top:0;
    -moz-opacity:0;
    opacity:0;
    left:0;
}
.data-btn .file2{
    width: 70%;
    padding: .4rem 0;
    cursor: pointer;
    border-radius: 1rem;
    font-size: .7rem;
    position: absolute;
    -moz-opacity:0;
    opacity:0;
    margin-left:15%;
}
.pl{
    position: relative;
}